<el-dialog title="信息展示" :visible.sync="infoDialog">
  <el-row style="font-size:16px;padding:0 0 5px 30px;">
    <el-col :span="7">
      <a style="font-weight:bold;">费用类型：</a>{{infoData.type}}
    </el-col>
    <el-col :span="7">
      <a style="font-weight:bold;">使用单位：</a>{{infoData.department}}
    </el-col>
    <el-col :span="8">
      <a style="font-weight:bold;">单据编号：</a>{{infoData.order_num}}
    </el-col>
  </el-row>

  <el-row style="font-size:16px;padding:0 0 5px 30px;">
    <el-col :span="11">
      <a style="font-weight:bold;">预支费用：</a>{{infoData.pre_expenses}}
    </el-col>
    <el-col :span="11">
      <a style="font-weight:bold;">报销金额：</a>{{infoData.reimbursemen}}
    </el-col>
  </el-row>

  <el-row style="font-size:16px;padding:0 0 5px 30px;">
    <el-col :span="11">
      <a style="font-weight:bold;">报销事由：</a>{{infoData.reason}}
    </el-col>
  </el-row>

  <el-row style="font-size:16px;padding:0 0 5px 30px;">
    <el-col :span="11">
      <a style="font-weight:bold;">经报人：</a>{{infoData.jb_man}}
    </el-col>
    <el-col :span="11">
      <a style="font-weight:bold;">报销日期：</a>{{infoData.re_time}}
    </el-col>
  </el-row>

  <el-row style="font-size:16px;padding:0 0 5px 30px;">
    <el-col :span="22">
      <a style="font-weight:bold;">申请理由：</a>{{infoData.reason}}
    </el-col>
  </el-row>

  <el-row style="font-size:16px;padding:0 0 5px 30px;">
    <el-col :span="22">
      <a style="font-weight:bold;">备注：</a>{{infoData.remark}}
    </el-col>
  </el-row>

  <div slot="footer" class="dialog-footer">
   <el-button type="primary" @click="infoDialog = false">知道了</el-button>
  </div>

</el-dialog>
